<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Dropdown with PubSub</title>
    <link rel="stylesheet" href="./Style/styles.css">
</head>

<body>
<select id="dropdown">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
</select>
<div id="showText"></div>
<script type="module" src="./main.js"></script>
<script>
    let option = document.querySelectorAll('option')
    for (let i = 0; i < option.length; i++) {
        option[i].label = i.toString();
    }
    console.log(option);
</script>
</body>

</html>